<template>
    <div>
        <h1>我是北京大学的学生！</h1>
        <h3>学生姓名：{{name}}</h3>
        <h3>学生年龄：{{myAge}}</h3>
        <h3>学生性别：{{sex}}</h3>
        <button @click="changeAge">点我年龄加1</button>
    </div>
</template>

<script>
    export default {
        name: 'student',
        // 简答声明式接受
        // props:['name', 'age', 'sex']

        // 接受同时类型限制
        // props: {
        //     name: String,
        //     age: Number,
        //     sex: String
        // }

        // 接受同时类型限制+默认值的指定+必要性限制
        data() {
            return {
                myAge: this.age
            }
        },
        methods: {
            changeAge() {
                this.myAge++
            }
        },
        props: {
            name: {
                type: String,
                required: true
            },
            age: {
                type: Number,
                default: 99
            },
            sex: {
                type: String,
                required: true
            }
        }
    }
</script>